<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>校园信息</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <style>
        .select_header_left{
            margin-top: 10px;
        }
        .select_header_left img{
             padding: 0;
            padding-left: 10px;
            vertical-align: middle;
            padding-top: 4px;
        }
        .select_header_right_btn{
            margin-right: 5px;
            padding: 2px;
            line-height: 16px;
            font-size: 12px;
            float: left;
            margin-top: 12px;
            text-align: center;

        }
        .select_header_right{
            width: 626px;
            cursor: pointer;
            margin-left: 10px;
        }
        .select_header_right_btn_act{
            background-color: #0592dc;
            color: #fcfcfc;
        }
        .header_tr{
            vertical-align: middle !important;
            background-color: #d6e9f7;
            color: #595965;
            height: 20px;
            line-height: 3;
            /*padding-top: 15px;*/
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px;
            border:1px solid #b7d5ea;
        }
        .s_n_table{
            width: 256px;
        }
        .nor_table_header{
            width: 86px;
        }
        .table_wrap{
            width: 725px;
            margin-top: 17px;
        }
       table .table_cel_red{
            color: #ff5e73;
        }
        .list_table_cel{
            vertical-align: middle !important;
            /*background-color: #d6e9f7;*/
            text-align: center;

            color: #756f6d;
            height: 20px;
            line-height: 3;
            /*padding-top: 15px;*/
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px;
            border:1px solid #b7d5ea;
        }
    </style>
</head>
<body>
<div class="inner_html">
    <!--top_header-->
    <div class="top_header">
        <ul class="top_header_ul f_R">
            <li class="f_L">
                <a href="">
                    登陆
                </a>
            </li>
            <li class="f_L">
                <a href="">
                    注册
                </a>
            </li>
        </ul>
    </div>
    <!--top header-->
    <!--header-->
    <div class="header clearfix">
        <div class="logo f_L">
            <img src="img/logo.png" alt="">
        </div>
        <ul class="nav f_L">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">评测</a>
            </li>
            <li>
                <a href="#">一件解惑</a>
            </li>
            <li>
                <a href="#">视频课程</a>
            </li>
            <li>
                <a href="#">导师资源</a>
            </li>
            <li>
                <a href="#">企业咨询</a>
            </li>
            <li>
                <a href="#">招聘求职</a>
            </li>
            <li>
                <a href="#">院校信息</a>
            </li>
            <li>
                <a href="#">关于我们</a>
            </li>
        </ul>
    </div>
    <!--header-->
    <!--banner-->
    <div class="banner">
        <img src="img/banner.jpg" alt="">
    </div>
    <!--banner-->
    <!--main-->
    <div class="main clearfix">
        <div class="main_left f_L">
            <img src="img/link.jpg" alt="" class="link">
            <img src="img/phone.jpg" alt="" class="phone">
            <img src="img/address_1.jpg" alt="">
        </div>
        <div class="main_right f_R">
            <div class="main_right_name clearfix">
                <div  class="f_L m_l">
                    院校信息
                </div>
                <div class="f_R m_r">
                    <span class="now_p">您当前的位置：</span>院校信息
                </div>
            </div>
            <div class="main_right_main">
                <!--select header-->
               <div class="select_header">
                   <div class="wrap_select clearfix">
                       <div class="select_header_left  f_L ">
                           <sapn class="f_L">院校省份：</sapn> <img src="img/blue_arrow.jpg" alt="" class="f_L">

                       </div>
                       <div class="select_header_right  f_L ">
                           <div class="select_header_right_btn">全部</div>
                           <div class="select_header_right_btn_act select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                       </div>
                   </div>
                   <div class="wrap_select clearfix">
                       <div class="select_header_left  f_L ">
                           <sapn class="f_L">院校分类：</sapn> <img src="img/blue_arrow.jpg" alt="" class="f_L">

                       </div>
                       <div class="select_header_right  f_L ">
                           <div class="select_header_right_btn">全部</div>
                           <div class="select_header_right_btn_act select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                       </div>
                   </div>
                   <div class="wrap_select clearfix">
                       <div class="select_header_left  f_L ">
                           <sapn class="f_L">学历层次：</sapn> <img src="img/blue_arrow.jpg" alt="" class="f_L">

                       </div>
                       <div class="select_header_right  f_L">
                           <div class="select_header_right_btn">全部</div>
                           <div class="select_header_right_btn_act select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                       </div>
                   </div>
                   <div class="wrap_select clearfix">
                       <div class="select_header_left  f_L">
                           <sapn class="f_L">特殊属性：</sapn> <img src="img/blue_arrow.jpg" alt="" class="f_L">

                       </div>
                       <div class="select_header_right  f_L">
                           <div class="select_header_right_btn">全部</div>
                           <div class="select_header_right_btn_act select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                           <div class="select_header_right_btn">广州</div>
                       </div>
                   </div>
               </div>
                <!--select header-->
                <table class="table_wrap">
                    <tr>
                        <th rowspan="2" class="header_tr s_n_table"> 学校名称</th>
                        <th rowspan="2" class="header_tr nor_table_header">所在省</th>
                        <th rowspan="2"  class="header_tr nor_table_header">学历层次</th>
                        <th  class="header_tr" colspan="2">报名热度排名</th>
                        <th rowspan="2" class="header_tr nor_table_header">
                            高校对比
                        </th>
                    </tr>
                    <tr>
                        <td class="header_tr">全国热度排名</td>
                        <td class="header_tr">类别热度排名</td>
                    </tr>
                    <!--table list-->
                    <tr>
                        <td class="list_table_cel table_cel_red"   align="center">上海财经大学</td>
                        <td class="list_table_cel"    align="center">上海</td>
                        <td class="list_table_cel"  align="center">普通</td>
                        <td class="list_table_cel"  align="center">212</td>
                        <td class="list_table_cel"  align="center">财经类210</td>
                        <td class="list_table_cel"  align="center">
                            <input type="checkbox">
                        </td>
                    </tr>
                    <!--table list-->
                </table>
            </div>
        </div>
    </div>
    <!--main-->
    <!--main bottom -->
    <div class="main_bottom">
        <span>合作伙伴</span>
        <img src="img/arrow.jpg" alt="" class="arrow">
    </div>
    <div class=""></div>
    <!--main bottom-->
    <!--footer s-->
    <div class="footer">
        <ul class="f_L">
            <li>
                友情链接：
            </li>
            <li>
                公司地址：
            </li>
        </ul>
        <ul class="f_L footer_l">
            <li>
                技术支持：
            </li>
            <li>
                版权所有：
            </li>
        </ul>
    </div>
    <!--footer e-->
</div>

</body>
</html>